// ! 日历
.ant-calendar {
  // width: 300px;
  background: #045053;
  border: 1px solid #036265;

  input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #03878b;
  }

  .ant-calendar-input-wrap {
    border-bottom: 1px solid #096370;
  }

  .ant-calendar-input,
  .ant-calendar-input:hover {
    color: #04dccf;
    background: #045053;
    border: 1px solid #04686a;
    outline: none;
  }

  .ant-calendar-header {
    border-bottom: none;

    .ant-calendar-year-select,
    .ant-calendar-month-select,
    .ant-calendar-day-select {
      color: #07a9bf;
    }
  }

  .ant-calendar-body {
    .ant-calendar-table .ant-calendar-today .ant-calendar-date {
      border: none;
      &:before {
        top: 0px;
      }
    }

    .ant-calendar-disabled-cell-first-of-row,
    .ant-calendar-disabled-cell-last-of-row {
      .ant-calendar-date {
        border-radius: 0;
      }
    }

    .ant-calendar-column-header-inner,
    .ant-calendar-date {
      color: #07a9bf;
    }

    .ant-calendar-today .ant-calendar-date {
      border: 1px solid #096370;
    }

    .ant-calendar-date:hover {
      background: #0f8491;
      color: #034953;
    }

    .ant-calendar-selected-day .ant-calendar-date {
      background: #0f8491;
      color: #034953;
    }

    .ant-calendar-in-range-cell::before {
      background: #0f8491;
    }
  }

  .ant-calendar-body,
  .ant-calendar-footer {
    border-top: 1px solid #096370;
  }

  .ant-calendar-footer {
    .ant-calendar-footer-btn .ant-calendar-today-btn {
      color: #07a9bf;
    }

    .ant-calendar-time-picker-btn-disabled,
    .ant-calendar-time-picker-btn {
      color: #07a9bf;
    }

    .ant-calendar-time-picker-btn-disabled {
      cursor: not-allowed;
    }

    .ant-calendar-ok-btn-disabled,
    .ant-calendar-ok-btn {
      background: #07a9bf;
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #05434a;
      border: none;
    }
  }
}

.ant-calendar.ant-calendar-range.ant-calendar-show-time-picker.ant-calendar-time.ant-calendar-picker-container-content {
  //AAAAAAA
  .ant-calendar-time-picker {
    background: #05434a !important;

    .ant-calendar-time-picker-combobox {
      background: #05434a;
      color: #07a9bf;
      border-top: 1px solid #096370;

      .ant-calendar-time-picker-select-option-selected,
      .ant-calendar-time-picker-select li:hover {
        color: #04dce8;
        background: #168389;
      }

      .ant-calendar-time-picker-select {
        border-right: 1px solid #096370;
      }
    }
  }
}

.ant-calendar-time-picker-select {
  background: #05434a !important;
  color: #07a9bf !important;
  border-top: 1px solid #096370;
  border-right: 1px solid #096370;
}
.ant-calendar-time-picker-select-option-selected {
  background: #069382 !important;
}
.ant-calendar-time-picker-select-option-selected,
.ant-calendar-time-picker-select li:hover {
  color: #04dce8;
  background: #198c98;
}

.ant-calendar-picker-container-placement-bottomLeft .ant-calendar-picker-container-content {
  .ant-calendar-time-picker {
    background: #04648d;

    .ant-calendar-time-picker-combobox .ant-calendar-time-picker-select {
      background: #04648d;
      color: #07a9bf;
      border-top: 1px solid #04648d;
      border-right: 1px solid #04648d;

      li:hover {
        color: #04dce8;
        background: rgba(4, 220, 232, 0.5);
      }

      .ant-calendar-time-picker-select-option-selected {
        color: #04dce8;
        background: rgba(4, 220, 232, 0.5);
      }

      .ant-calendar-time-picker-select {
        border-right: 1px solid #096370;
      }
    }
  }
}

.ant-form-item-children .ant-calendar-picker-icon {
  color: #04dce8;
}

.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: none;
}

.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: none;
}

.ant-calendar-disabled-cell .ant-calendar-date {
  color: #067889 !important;
  background: #024c4d;
}

.ant-calendar-picker {
  width: 100% !important;

  .ant-calendar-range-picker-separator {
    font-size: 0.14rem;
    font-family: Segoe UI;
    font-weight: 400;
    color: #07a9bf;
  }
}

.ant-calendar-picker-input {
  background: #045053;
  border: 1px solid #096370;
  color: #04dccf;
  &::placeholder {
    color: #047b74;
  }
}

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border: 1px solid #096370;
  box-shadow: none;
}

// ! 月份选择器
.ant-calendar-month-panel {
  background: #045053;

  .ant-calendar-month-panel-header {
    border-bottom: 1px solid #3a8684;
    a {
      color: #409391;
    }
    .ant-calendar-month-panel-prev-year-btn::before,
    .ant-calendar-month-panel-prev-year-btn::after {
      border: 0 solid #409391;
      border-width: 1.5px 0 0 1.5px;
      border-radius: 1px;
    }

    .ant-calendar-month-panel-next-year-btn::before,
    .ant-calendar-month-panel-next-year-btn::after {
      border: 0 solid #409391;
      border-width: 1.5px 0 0 1.5px;
      border-radius: 1px;
    }
  }

  .ant-calendar-month-panel-month {
    color: #409391;
  }
  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,
  .ant-calendar-month-panel-month:hover {
    color: #003a39;
    background: #07d6d9;
  }
}

.ant-calendar-picker-icon {
  color: #04dce8;
}
